.top-nav{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding-bottom: 25px;
    background: #fff;

    &-wrapper {
        padding: 20px 30px 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        &-search {
            width: 620px;
            height: 72px;
            display: flex;
            align-items: center;
            padding-left: 26px;
            border-radius: 8px;
            background: #F9F9F9;
        } 
        &-text {
            color: #999999;
            font-size: 26px;
            padding-left: 18px
        }
    }
    &-list {
        padding-right: 37px;
        display: flex;
        align-items: center;
        background: #fff;
        &-item {
            width: 88%;  
            margin-left: 30px;
            &-ul {
                display: flex;
                justify-content: space-around;
                height: 62px;
                &-li {
                    font-size:28px;
                    font-weight:500;
                    line-height: 62px;
                    margin-right: 40px;
                    color:#999999;
                }
                &-current {
                    font-size:44px;
                    font-weight:600;
                    line-height: 62px;
                    margin-right: 40px;
                    color:#222222;
                }
            }
           
        }  
    }
}
